<html>
    <head>
        <title>概述</title>
    </head>
    <body>
        <script>
            // ref
                    /*
                        一、概述

                                被用来给元素或子组件注册引用信息，引用信息将会注册在父组件 "父组件的 $refs 对象上".

                                如果是在"普通的DOM元素" 上使用，引用指向的就是DOM元素；
                                
                                如果用在"子组件"上，引用就指向组件示例：

                                        -- 非H5端不支持通过this.$refs.content来获取view实例 --
                                        <view ref="content">hello</view>

                                        -- 支持通过this.$refs.child来获取child-component实例 --
                                        <child-component ref="child"></child-component>

                                当 ref 和 v-for 一起用于元素或组件的时候，引用信息将是 "包含DOM节点"或 "组件实例" 的数组。


                             ★、关于ref 注册时间的重要说明：

                                    因为 ref 本身是 "作为渲染结果"被创建的，在初始渲染时候你不能访问它们，它们还不存在!  

                                    $refs 也不是响应式的，因此你不应该用它在模板中做数据绑定。
                    */
        </script>
    </body>
</html>